.login{
    width: 100%;
    height: 100%;
    background-image: url('../../assets/images/login-bg.jpg');
    background-color: #01b7f8;
    background-repeat: no-repeat;
    background-position: center bottom;
    position: relative;
    background-size: 100%;
    .login-inner{
        height: 100%;
    //    background-image: url('../../assets/images/login-road.png');
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 100%;
    }
    @keyframes run {
        from{
            right: -360px;
        }
        to{
            right: calc(100vw);
        }
    }
    .vehicle{
        display: block;
        width: 360px;
        height: 160px;
        position: absolute;
        right: 160px;
        bottom: 0px;
        //background-image: url('../../assets/images/login-vehicle.png');
        background-size: 100% 100%;
        // animation: run 15s infinite linear;
        // @keyframes circle {
        //     from{
        //         transform: rotate(0);
        //     }
        //     to{
        //         transform: rotate(-360deg);
        //     }
        // }
        .c1,.c2{
            position: absolute;
            display: none;
            width: 30px;
            height: 30px;
            //background-image: url('../../assets/images/login-vehicle-circle.png');
            background-size: 100% 100%;
            // animation: circle 0.5s infinite linear;
            bottom: 17px;
            left: 40px;
        }
        .c2{
            left: 230px;
        }
    }
    .logo{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: absolute;
        left: 100px;
        top: 50px;
        .img{
            display: block;
            //width: 124px;
            //height: 28px;
        }
        .name{
            font-weight: bold;
            margin-left: 10px;
            font-size: 30px;
            color: #fff;
        }
    }
    &-con{
        position: relative;
        margin: 0 auto;
        top: 50%;
        transform: translateY(-60%);
        width: 450px;
        &-header{
            font-size: 16px;
            font-weight: 300;
            text-align: center;
            padding: 30px 0;
        }
        .form-con{
            padding: 10px 25px;
            text-align: right;
            .login-title{
                color: #323232;
                text-align: left;
                margin-bottom: 24px;
            }
        }
        .login-tip{
            font-size: 10px;
            text-align: center;
            color: #c3c3c3;
        }
    }
    .login-copyright{
        position: absolute;
        text-align: center;
        white-space: nowrap;
        bottom: 30px;
        left: 50%;
        transform: translate(-50%);
        color: #fff;
        a{
            color: #fff !important
        }
    }
}
